<!DOCTYPE html>
<html>

<head>

	<title> Volunteers </title>
  <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
  <link rel=StyleSheet href="volunteerstyle.css"/>



    <script src="volunteerjavascript.js" type="text/javascript"></script>
    <script src="volunteerajax.js" type="text/javascript"></script>

	

</head>
	
<body>

	<a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"> <h1> Volunteers </h1> <p> Below are the volunteers in the database.  Click on a volunteer to get that particular volunteer's info. </p> </div>

   <nav class="NavBar">
        <ul>
            <li>
                <a class= "Volunteer highlighted" href="volunteer.html"> Volunteers</a>
                <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
            <li>
                <a class= "Events" href="events.html"> Events</a>
                <ul>
                    <li><a href="events.html" title="Search"> Search </a></li>
                    <li><a href="addevents.html" title="Edit"> Edit </a></li>
                </ul>
            </li>

            <li><a class= "Plants" href="plants.html"> Plants</a>
                <ul>
                    <li><a href="plants.html" title="Search"> Search </a></li>
                    <li><a href="addplants.html" title="Edit"> Edit </a></li>
                </ul>
            </li>
            <li>
              <a class= "Source" href="source.html"> Source</a>
                <ul>
                  <li><a href="source.html" title="Search"> Search </a></li>
                  <li><a href="addsource.html" title="Edit"> Edit </a></li>
                </ul>
            </li>     
        </ul>
    </nav>
        
 <div class = "search">
        <input class = "floatleft" type="text" name="q" alt="Search" value="" maxlength="256" size="32" />
        <input class = "floatleft" type="submit" name="btnG" value="Search" />
        
                
    </div>

    <div id = "info">

      <div class ="headerrow">

        <div class = "col-1"> Name </div>
        <div class = "col-2"> Age </div>
        <div class = "col-3"> Race </div>
        <div class = "col-4"> Email </div>
        <div class = "col-1"> Address </div>
        <div class = "col-2"> Gender </div>
        <div class = "col-3"> Phone Numbers </div>
        <div class = "col-4"> Website </div>

      </div>


    </div>


	
</html>